<template>
  <section>
    <el-row type="flex" justify="space-between">
      <el-form :inline="true">
        <el-form-item label="考点查询">
          <el-input type="text" placeholder="考点查询" prefix-icon="el-icon-edit"></el-input>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" icon="el-icon-search" size="small">按名称检查</el-button>
        </el-form-item>
      </el-form>
    </el-row>
    <el-table :data="tableData" stripe>
      <el-table-column label="ID" width="80"></el-table-column>
      <el-table-column label="内容"></el-table-column>
      <el-table-column label="相关考点"></el-table-column>
      <el-table-column label="操作">
        <template slot-scope="scope">
          <el-button type="text" size="mini" @click="Check(scope.$index,scope.row)">查 看</el-button>
        </template>
      </el-table-column>
    </el-table>
    <!-- 查看知识点页面 -->
    <el-dialog title="查看知识点" :visible.sync="CheckForm">
      <el-row justify="space-between" type="flex">
        <el-form :inline="true">
          <el-form-item label="相关考点">
            <el-input size="small"></el-input>
          </el-form-item>
          <el-form-item label="知识点">
            <el-input size="small"></el-input>
          </el-form-item>
        </el-form>
      </el-row>
      <el-table stripe>
        <el-table-column></el-table-column>
      </el-table>
    </el-dialog>
  </section>
</template>
<script>
export default {
    data() {
        return {
            tableData: [{}],
            CheckForm: false
        };
    },
    methods: {
        indexMethod(index) {
            return index + 1;
        },
        Check(index, row) {
            // console.log(row);
            this.CheckForm = true;
        }
    }
};
</script>

<style>
.demo-table-expand {
    font-size: 0;
}
.demo-table-expand label {
    width: 90px;
    color: #99a9bf;
}
.demo-table-expand .el-form-item {
    margin-right: 0;
    margin-bottom: 0;
    width: 50%;
}
</style>
